<?php
	// opcje rotacji 
	$rotate = (int) $this->urlParams('rotate');
	$crop = $this->urlParams('crop');
?>
<h5>Edycja grafiki</h5>
<ul>
	<li class="rotate-left"><a href="<?php print $this->url(array('rotate' => ($rotate - 90))) . sprintf('?image=%s', $this->image); ?>">
		Obróć w lewo</a></li>
	<li class="rotate-right"><a href="<?php print $this->url(array('rotate' => ($rotate + 90))) . sprintf('?image=%s', $this->image);?>">
		Obróć w prawo</a></li>
	<li class="crop"><a id="crop_action" href="<?php print $this->url(array('crop' => 'CROP')) . sprintf('?image=%s', $this->image);?>">
		Przytnij grafikę do zaznaczenia</a></li>
</ul>

<h5>Wykarduj do maksymalnego wymiaru:</h5>
<ul>
	<li class="resize">
		<a href="<?php print $this->url(array('maxWidth' => 800, 'maxHeight' => 800)) . sprintf('?image=%s', $this->image);?>">
			800x800</a></li>
	<li class="resize">
		<a href="<?php print $this->url(array('maxWidth' => 600, 'maxHeight' => 600)) . sprintf('?image=%s', $this->image);?>">
			600x600</a></li>
	<li class="resize">
		<a href="<?php print $this->url(array('maxWidth' => 400, 'maxHeight' => 400)) . sprintf('?image=%s', $this->image);?>">
			400x400</a></li>
	<li class="resize">
		<a href="<?php print $this->url(array('maxWidth' => 200, 'maxHeight' => 200)) . sprintf('?image=%s', $this->image);?>">
			200x200</a></li>
</ul>

<p><b>Informacja:</b> w przypadku gdy nie zobaczysz grafiki do edycji - odśwież stronę klawiszem <b>F5</b></p>


<form action="" method="post" enctype="multipart/form-data">
	
	<input type="submit" value="Zapisz zmiany" />
	, lub podmień grafikę na nową:
	<input type="file" name="file"/>
	<p><b>Uwaga:</b> zapisane zmian są nieodwracalne!</p>
</form>

<div class="loader">
	<img
	 id="crop"
	 align="middle"
	 src="<?php print $this->url(array('action' => 'display', 'rotate' => $rotate, 'crop' => $crop)) . sprintf('?image=%s', $this->image);?>"
	 alt="Wczytywanie fotografii ..." />
</div>

<script type="text/javascript">
<!--
jQuery(window).load(function(){
	var api = jQuery.Jcrop('#crop');

	jQuery('#crop_action').click(function(){
		var s = api.tellSelect();

		// tylko podmieniaj gdy obszar jest zaznaczony
		if (s.x != 0 && s.y != 0 && s.w != 0 && s.h != 0) {
			this.href = this.href.replace('CROP', s.x + ':' + s.y + ':' + s.w + ':' + s.h);
		}
	});
});
//-->
</script>